{include file="zp_includetop" /}
<title>{notempty name="show['list_title']"}{$show['list_title']}{else/}最新动漫角色_明星饰演的角色 {gt name="param['p']" value="1"}第{$param['p']}页{/gt} - {$site_name}{/notempty}</title>
<meta name="keywords" content="{notempty name="show['list_keywords']"}{$show['list_keywords']}{else/}动漫角色,明星主演的角色{/notempty}">
<meta name="description" content="{notempty name="show['list_description']"}{$show['list_description']}{else/}最新动漫角色，为各位提供动漫主要角色介绍，动漫中主要角色介绍，等丰富的节目主演角色介绍{/notempty}">
{include file="zp_include" /}
<style>
.role {
  display: flex;
  flex-wrap: wrap;
}

.role-list {
  float: left;
  margin-right: 20px;
  width: 570px;
  margin-top: 20px;
  background-color: #f6f6f6;
  padding: 10px;
}
.role-list:nth-child(2n) {
  margin-right: 0;
}
.role-list .pic {
  position: relative;
  float: left;
  width: 80px;
  height: 105px;
  overflow: hidden;
}
.role-list .pic img {
  display: block;
  width: 100%;
}
.role-list .info {
  float: left;
  margin-left: 10px;
  width: 480px;
}
.role-list .info h4 {
  font-size: 14px;
}
.role-list .info h4 a {
  font-weight: bold;
  color: #333;
}
.role-list .info h4 span {
  color: #666;
  margin: 0 5px;
}
.role-list .info p {
  color: #999;
  margin-top: 5px;
}
</style>
</head>
<body>
{include file="zp_header" /}
<div class="wp">
    <div class="d-position"><a href="{$siteurl}" title="{$sitename}">首页</a><span>/</span>角色表</div>
</div>
{role var="role_list" limit="20" page="true" order="role_addtime desc"}{/role} 
<div class="wp mt15">
  <div class="d-star-fliter">
    <span class="fr">共<b>{$role_list->total()}</b>个角色,当前第<b>{$role_list->currentPage()}</b>页</span>
    <div class="d-star-fbox">{$show.list_name}{gt name="param['p']" value="1"}第{$param['p']}页{/gt}</div>
  </div>
  <div class="role clearfix">
    {volist name="role_list" id="zanpian"}
    <div class="role-list clearfix">
        <a class="pic" href="{:zanpian_read_url('home/role/read',$zanpian)}" title="{$zanpian.star_name}{$zanpian.vod_name}{$zanpian.role_name}"><img class="loading" src="{$cdn}img/blank.png" data-original="{$zanpian.role_pic|zanpian_img_url=orj360}" alt="{$zanpian.star_name}{$zanpian.vod_name}{$zanpian.role_name}"></a>
        <div class="info">
          <h4><a href="{:zanpian_read_url('home/vod/read',$zanpian)}" target="_blank" title="{$zanpian.vod_name}{$zanpian.role_name}">{$zanpian.vod_name}</a><span>的角色</span><a href="{:zanpian_read_url('home/role/read',$zanpian)}" title="{$zanpian.role_name}">{$zanpian.role_name}</a><span>由</span><a class="text-color" href="{:zanpian_read_url('home/star/read',$zanpian)}" target="_blank" title="{$zanpian.vod_name}{$zanpian.role_star|default='未知'}">{$zanpian.role_star|default='未知'}</a><span>配音</span></h4>
          <p>{$zanpian.role_content|msubstr=0,60,'...'|default="暂无对此角色的描述。"}</p>
        </div>
    </div>
    {/volist}
  </div>
<div class="tab-a uipages pages"><ul class="pages">{$role_list->render()}</ul></div>
</div>
{include file="zp_footer" /}
</body>
</html>